﻿@{
    ViewBag.Title = "Product";
    Layout = "~/Views/Shared/_Product.cshtml";
}
@if (ViewBag.p == 0)
{
    <div class="boxItem">
        <div class="header">
            <p>Bộ sưu tập mùa xuân</p>
            <a href="#">Xem thêm Sản phẩm nổi bật</a>
            <div class="clr"></div>
        </div>
        <ul class="lstItem">

            <li class="item first product">
                <img alt="Art 1" src="/Images/img1.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img2.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img3.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img4.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
        </ul>
        <div class="clr"></div>
    </div>

    <div class="boxItem">
        <div class="header">
            <p>Bộ sưu tập mùa hè</p>
            <a href="#">Xem thêm Sản phẩm nổi bật</a>
            <div class="clr"></div>
        </div>
        <ul class="lstItem">

            <li class="item first product">
                <img alt="Art 1" src="/Images/img1.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img2.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img3.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img4.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
        </ul>
        <div class="clr"></div>
    </div>

    <div class="boxItem">
        <div class="header">
            <p>Bộ sưu tập mùa thu</p>
            <a href="#">Xem thêm Sản phẩm nổi bật</a>
            <div class="clr"></div>
        </div>
        <ul class="lstItem">

            <li class="item first product">
                <img alt="Art 1" src="/Images/img1.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img2.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img3.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img4.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
        </ul>
        <div class="clr"></div>
    </div>

    <div class="boxItem">
        <div class="header">
            <p>Bộ sưu tập mùa đông</p>
            <a href="#">Xem thêm Sản phẩm nổi bật</a>
            <div class="clr"></div>
        </div>
        <ul class="lstItem">

            <li class="item first product">
                <img alt="Art 1" src="/Images/img1.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img2.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img3.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img4.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
        </ul>
        <div class="clr"></div>
    </div>

    <div class="boxItem">
        <div class="header">
            <p>Phụ kiện thời trang</p>
            <a href="#">Xem thêm Sản phẩm nổi bật</a>
            <div class="clr"></div>
        </div>
        <ul class="lstItem">

            <li class="item first product">
                <img alt="Art 1" src="/Images/img1.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img2.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img3.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img4.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
        </ul>
        <div class="clr"></div>
    </div>
}
else if (ViewBag.p != 0 && ViewBag.id == 0)
{ 

    <div class="boxItem">
        <div class="header">
            <p>Bộ sưu tập mùa đông</p>
            <a href="#">Xem thêm Sản phẩm nổi bật</a>
            <div class="clr"></div>
        </div>
        <ul class="lstItem">
            <li class="item first product">
                <img alt="Art 1" src="/Images/img1.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="/Default/Product/1/1">Đầm nữ tay lỡ màu hồng ID</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img2.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img3.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img4.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>

            <li class="item first product">
                <img alt="Art 1" src="/Images/img1.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img2.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img3.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img4.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>

            <li class="item first product">
                <img alt="Art 1" src="/Images/img1.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img2.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img3.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img4.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>

            <li class="item first product">
                <img alt="Art 1" src="/Images/img1.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img2.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img3.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img4.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>

            <li class="item first product">
                <img alt="Art 1" src="/Images/img1.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img2.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img3.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item product">
                <img alt="Art 1" src="/Images/img4.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
        </ul>
        <div class="clr"></div>

        <div class="pageCount">
            <p id="txt">Có tổng số 100 sản phẩm/10 trang</p>
            <ul id="page">
                <li class="pagelst">
                    <a href="#" class="pageFirst"></a>
                </li>

                <li class="pagelst">
                    <a href="#">1</a>
                </li>

                <li class="pagelst">
                    <a href="#">2</a>
                </li>

                <li class="pagelst">
                    <a href="#">3</a>
                </li>

                <li class="pagelst">
                    <a href="#">...</a>
                </li>

                <li class="pagelst">
                    <a href="#">9</a>
                </li>
                <li>
                    <a href="#">10</a>
                </li>

                <li class="pagelst">
                    <a href="#" class="pageLast"></a>
                </li>
            </ul>
        </div>
    </div>
    
}
else if (ViewBag.p != 0 && ViewBag.id != 0)
{
    <div class="header">
        <p>Váy đầm dạo phố</p>
        <div class="clr"></div>
    </div>
    <div class="box">


        <script type="text/javascript">
            jQuery(document).ready(function () {
                jQuery('#viewMore').click(function () {
                    var text = jQuery('p#des span').attr("data");
                    var value = jQuery('p#des span').html();
                    var btn = jQuery('#viewMore').html();
                    if (btn == "Thu gọn") {
                        jQuery('p#des span').attr("data", value);
                        jQuery('p#des span').text(text);
                        jQuery(this).text("Xem thêm");
                    }
                    else {
                        jQuery('p#des span').attr("data", value);

                        jQuery('p#des span').animate({});

                        jQuery('p#des span').text(text);
                        jQuery('#viewMore').html("Thu gọn");
                    }
                });


                jQuery('ul#color li').click(function () {
                    jQuery('ul#color li').css({ border: "3px solid #D7D7D7" });
                    jQuery(this).css({ border: "3px solid #bc204f" });
                });

                jQuery('ul#size li').click(function () {
                    jQuery('ul#size li').css({ border: "2px solid #D7D7D7", color: "#2A2A2A" });
                    jQuery(this).css({ border: "2px solid #db8da5", color: "#bc2050" });
                });

                jQuery('#sQuant a#btnAdd').click(function () {
                    jQuery('#sQuant #txtQuantity').val(parseInt(jQuery("#sQuant #txtQuantity").val()) + 1);
                });

                jQuery('#sQuant a#btnDivi').click(function () {
                    if (jQuery('#sQuant #txtQuantity').val() < 2) {
                        jQuery('#sQuant #txtQuantity').val(1);
                    }
                    else {
                        jQuery('#sQuant #txtQuantity').val(parseInt(jQuery('#sQuant #txtQuantity').val()) - 1);
                    }
                });

                jQuery('#sQuant #txtQuantity').focusout(function () {
                    if (jQuery('#sQuant #txtQuantity').val() < 0) {
                        jQuery('#sQuant #txtQuantity').val(1);
                    }
                });

                jQuery('#lstImg li img').click(function () {

                    var srcText = jQuery(this).attr("src");
                    var srcLarge = jQuery(this).attr("data-large");
                    jQuery('#imgPro img').animate({ opacity: "0.2" }, 700, function () {
                        jQuery('#imgPro img').attr("src", srcText),
                        jQuery(this).animate({ opacity: "1" }, 700);
                    });

                    jQuery('.magnifyarea img').attr("src", srcLarge);

                    jQuery('#lstImg li img').css({ border: "5px solid #fff" });
                    jQuery(this).css({ border: "5px solid #be2051" });
                });

            })
        </script>
        <div id="proHead">
            <div id="imgPro">
                <img id="imgLarge" src="~/Images/img7.png" />
                <div id="iconZoom"></div>
            </div>
            <div id="lstImg">
                <ul>
                    <li>
                        <img data-large="/Images/img1.png" src="~/Images/img1.png" />
                    </li>
                    <li>
                        <img data-large="/Images/img2.png" src="~/Images/img2.png" />
                    </li>
                    <li>
                        <img data-large="/Images/img3.png" src="~/Images/img3.png" />
                    </li>
                    <li>
                        <img data-large="/Images/img4.png" src="~/Images/img4.png" />
                    </li>
                </ul>
            </div>
            <div id="infoPro">
                <p id="titPro">Đầm xòe cách điệu xẻ lưng</p>
                <p>Mã SP: <span class="value">TT8824</span></p>
                <p id="des">Mô tả: <span data="Làm mới phong cách thời trang của bạn với chiếc đầm Zilandi. Họa tiết trừu tượng nhiều màu độc đáo nổi bật trên nền vải thun, cotton cao cấp nhẹ nhàng,sang trọng sẽ mang đến cho bạn một vẻ đẹp dịu dàng và nữ tính. Hãy kết hợp đầm cùng giày cao gót đen thanh mảnh, yêu kiều, bạn trông sẽ thật sành thời trang khi dạo phố cùng chàng." class="value">Làm mới phong cách thời trang của bạn với chiếc đầm Zilandi. Họa tiết trừu tượng nhiều màu độc đáo nổi bật trên nền vải thun, cotton cao cấp nhẹ nhàng,...</span><a id="viewMore">Xem thêm</a></p>
                <p>Giá bán lẻ: <span id="valBanle">320,000VNĐ</span></p>
                <p>Giá bán buôn: <span id="priBuon">280,000VNĐ</span></p>
                <p>Trọng lượng: <span class="value">180g</span></p>
                <p>Chất liệu: <span class="value">100% Cotton</span></p>
                <p>Tính trạng: <span class="value">Còn hàng</span></p>
                <p>Chọn màu sắc:</p>
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <p id="size">Chọn kích cỡ: </p>
                <a href="#" id="bangquydoi">Bảng quy đổi kích cỡ</a>
                <ul id="size">
                    <li>X</li>
                    <li>S</li>
                    <li>XS</li>
                    <li>M</li>
                    <li>L</li>
                    <li>XL</li>
                    <li>XXL</li>
                </ul>
                <p id="sQuant">
                    Chọn số lượng: 
                    <input type="text" value="1" id="txtQuantity">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <p id="Cart">
                    <a href="#" id="btnAddCart"><span id="txt">Thêm vào giỏ</span></a>
                </p>
                <a href="#" id="CheckCart">Kiểm tra giỏ hàng</a>
            </div>
            <div class="clr"></div>
        </div>
        <div id="ctProduct">
            <span id="share">Chia sẻ sản phẩm: </span>
            <!-- AddThis Button BEGIN -->
            <div class="addthis_toolbox addthis_default_style ">
                <a class="addthis_button_preferred_1"></a>
                <a class="addthis_button_preferred_2"></a>
                <a class="addthis_button_preferred_3"></a>
                <a class="addthis_button_preferred_4"></a>
                <a class="addthis_button_compact"></a>
                <a class="addthis_counter addthis_bubble_style"></a>
            </div>
            <script type="text/javascript">var addthis_config = { "data_track_addressbar": true };</script>
            <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5218424146ccd65e"></script>
            <!-- AddThis Button END -->
        </div>
        <div id="proDetais">
            <p class="tit">Thông tin chi tiết</p>
            <ul id="detailsInfo">
                <li class="info">Thiết kế đầm xoè điệu đà với phần chân váy kết nơ bản to dịu dàng, nữ tính.</li>
                <li class="info">Chân váy xoè cho bạn che được khuyết điểm, tôn nét nữ tinh đầy gợi cảm.</li>
                <li class="info">Phần tay áo cách điệu tạo nét độc đáo cho trang phục thêm phần duyên dáng.</li>
                <li class="info">Phù hợp với cả người có vóc dáng thanh mảnh hay tròn trịa.</li>
                <li class="info">Đầm diện dự tiệc cho bạn thêm phần nổi bật cuốn hút và quý phái.</li>
                <li class="info">Trọng lượng: 400g.</li>
            </ul>
            <p>
                - Số đo người mẫu: Chiều cao: 165cm, Cân nặng:45kg, Số đo 3 vòng: 89-60-90cm
            </p>
            <p>- Kích cỡ người mẫu đang mặc: M</p>

            <p class="tit">* Cách thức mua hàng:</p>
            <p>
                1. Đặt giao hàng tận nơi (có phí ship) Nhấn vào nút "Thêm vào giỏ" ở trên.             
            </p>
            <p>2. Đến trực tiếp hệ thống cửa hàng NHAPHANGQUANGCHAU.COM tại Hà Nội (Xem địa chỉ tại đây)</p>
            <p>Mọi thắc mắc vui lòng liên hệ hotline: 0989.613.898</p>

            <p class="tit">*Bảng quy đổi kích cỡ dành cho nữ:</p>
            <div id="QuydoiLeft">
                <img src="~/Images/imgQuyDoi.jpg" id="imgQuydoi" />
            </div>
            <div id="QuydoiRight">
                <p><b>Vòng ngực (1):</b> Quấn thước dây vòng qua ngực, đo chỗ có kích thước lớn nhất.</p>
                <p><b>Vòng eo (2):</b> Quấn thước dây qua eo, đo chỗ có kích thước nhỏ nhất.</p>
                <p><b>Vòng hông (3):</b> Quấn thước dây vòng ngang mông, đo chỗ có kích thước lớn nhất.</p>
                <p>Chiều dài chân phía ngoài (4): Đây là phép đo bạn cần làm để xác định chiều dài ống quần chuẩn. Đứng duỗi thẳng chân, đo từ hông đến bàn chân. Mẹo nhỏ dành cho bạn: Nếu chiều cao từ 165-172cm thường có chiều dài chân phía ngoài là 32. Khách hàng cao trên 172cm thì cỡ là 34, và nếu thấp hơn 165cm sẽ là cỡ 30.</p>
                <p>Chiều dài chân phía trong (4): Đây là phép đo bạn cần làm để xác định chiều dài ống quần chuẩn. Đứng duỗi thẳng chân, đo mặt trong từ điểm bắt đầu của chân đến gót chân. </p>
                <p><b>Tổng quan kích thước:</b></p>
                <div id="sizeOption">
                    <ul class="it">
                        <li class="header">Quốc tế</li>
                        <li class="item">XXS</li>
                        <li class="item">XS</li>
                        <li class="item">S</li>
                        <li class="item">M</li>
                        <li class="item">L</li>
                        <li class="item">XL</li>
                        <li class="item">XXL</li>
                    </ul>
                    <ul class="it">
                        <li class="header">Kích cỡ Úc</li>
                        <li class="item">XXS</li>
                        <li class="item">XS</li>
                        <li class="item">S</li>
                        <li class="item">M</li>
                        <li class="item">L</li>
                        <li class="item">XL</li>
                        <li class="item">XXL</li>
                    </ul>
                    <ul class="it">
                        <li class="header">Kích cỡ Anh</li>
                        <li class="item">XXS</li>
                        <li class="item">XS</li>
                        <li class="item">S</li>
                        <li class="item">M</li>
                        <li class="item">L</li>
                        <li class="item">XL</li>
                        <li class="item">XXL</li>
                    </ul>
                    <ul class="it">
                        <li class="header">Kích cỡ châu Âu</li>
                        <li class="item">XXS</li>
                        <li class="item">XS</li>
                        <li class="item">S</li>
                        <li class="item">M</li>
                        <li class="item">L</li>
                        <li class="item">XL</li>
                        <li class="item">XXL</li>
                    </ul>
                    <ul class="it">
                        <li class="header">Kích cỡ Mỹ</li>
                        <li class="item">XXS</li>
                        <li class="item">XS</li>
                        <li class="item">S</li>
                        <li class="item">M</li>
                        <li class="item">L</li>
                        <li class="item">XL</li>
                        <li class="item">XXL</li>
                    </ul>
                    <div class="clr"></div>
                </div>
                <div class="clr"></div>
            </div>
            <div class="clr"></div>
            <div class="likeButton">
                <div id="like">
                    <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fmrkoi.somee.com&amp;width=450&amp;height=21&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;send=false" scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 80px; height: 21px;" allowtransparency="true"></iframe>
                    <!-- Place this tag where you want the +1 button to render. -->
                    <div id="glike" style="width: 66px; display: inline-block;">
                        <g:plusone size="medium"></g:plusone>
                    </div>


                    <!-- Place this tag after the last +1 button tag. -->
                    <script type="text/javascript">
                        window.___gcfg = { lang: 'vi' };

                        (function () {
                            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                            po.src = 'https://apis.google.com/js/plusone.js';
                            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                        })();
                    </script>

                    <a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
                    <script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');</script>
                </div>
                <div id="func">
                    <ul id="func">
                        <li class="lst">
                            <a id="btnTopPage" href="#">Lên đầu trang</a>
                        </li>
                        <li class="lst">
                            <a id="btnEmail" href="#">Email</a>
                        </li>
                        <li class="lst">
                            <a id="btnPrint" href="#">Bản tin</a>
                        </li>
                    </ul>
                </div>
                <div class="clr"></div>
            </div>
        </div>
    </div>
    <div class="boxcarol">
        <div class="header">
            <p>Sản phẩm đã xem</p>
            <div class="clr"></div>
        </div>
        <ul class="lstItem" id="carol">
            <li class="item first">
                <img class="imgProCarol" alt="Art 1" src="/Images/img6.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="item">
                <img class="imgProCarol" alt="Art 1" src="/Images/img7.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="imgProCarol" class="item">
                <img class="imgProCarol" alt="Art 1" src="/Images/img8.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="imgProCarol" class="item">
                <img class="imgProCarol" alt="Art 1" src="/Images/img9.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="imgProCarol" class="item">
                <img class="imgProCarol" alt="Art 1" src="/Images/img10.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="imgProCarol" class="item first">
                <img class="imgProCarol" alt="Art 1" src="/Images/img6.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="imgProCarol" class="item">
                <img class="imgProCarol" alt="Art 1" src="/Images/img7.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="imgProCarol" class="item">
                <img class="imgProCarol" alt="Art 1" src="/Images/img8.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="imgProCarol" class="item">
                <img class="imgProCarol" alt="Art 1" src="/Images/img9.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
            <li class="imgProCarol" class="item">
                <img class="imgProCarol" alt="Art 1" src="/Images/img10.png">
                <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
                <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
                <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
                <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
                <a class="btnXemnhanh" href="#">Xem nhanh</a>
                <div class="clr"></div>
            </li>
        </ul>
        <div class="clr"></div>
    </div>
}